//out: ../css/change-password.css
@import url(./module.less);

body{
    background-color: @white;
}
// 内容
.content{
    margin-top: (40/@rem);
    padding: @s14 (33/@rem);
    input{
        font-size: @s16;
        height: (54.5/@rem);
        width: 100%;
        &::placeholder{
            color:@placeholderColor;
        }
    }
    // 输入绑定手机号
    .input1{
        border-bottom: @s1 solid @splitAreaBorderColor;
    }
    // 输入验证码
    .input2{
        border-bottom: @s1 solid @splitAreaBorderColor;
        display: flex;
         a{
            font-size: @s14;
            width: (150/@rem);
            text-align: center;
            display: flex;
            align-items: center;
            span{
                width: 100%;
                display: block;
                height: @s30;
                line-height: @s30;
                border-left: @s2 solid @splitAreaBorderColor;
            }
        }
    }
    // 输入新密码
    .input3{
        border-bottom: @s1 solid @splitAreaBorderColor;
    }

       // 输入错误
       .error{
        font-size: @s14;
        margin-top: @s9;
        color: #EF4F3F;
        display: none;
    }
    // 确定修改
    button{
        margin-top: (67/@rem);
        display: block;
        font-size:@s18;
        width: (309/@rem);
        height: (50/@rem);
        line-height: (50/@rem);
        text-align: center;
        border-radius: (25/@rem);
        background-color: #FADCD9;
        color: @white;
        border: none;

    }

}
.floatingTips {
    position: fixed;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: (90/@rem);
    height: @s37;
    background-color: @textColor;
    border-radius: @s10;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;

    span {
        font-size: @s14;
        color: #fff;
    }
}